<template>
  <div id="ZFSHXXB">
    <van-tabs>
      <van-tab title="表单信息">
        <div class="content">
          <div class="list">
            <van-form validate-first>
              <p class="subTitle"><span class="line"></span>申请户主人信息</p>
              <!-- <div>
            <van-field readonly v-model="formData.HOUSEID" label="户号" placeholder="请输入户号" />
          </div>-->
              <div>
                <van-field readonly v-model="formData.HOUSEAPPLICANT" label="户主名称" />
                <van-field readonly clickable name="picker" v-model="sexName" label="性别" />
                <van-field readonly :value="formData.BUILDREASON | inUseName(ENUM.JFLYARR)" label="建房理由" />
                <van-field readonly v-model="formData.CERTIFICATECODE" label="证件编号" />
                <van-field readonly v-model="formData.PERMANENTADDR" label="户籍地址" />
                <van-field readonly v-model="formData.APPLYPHONE" label="手机号" />
              </div>
              <p class="subTitle"><span class="line"></span>宅基地信息及建房（规划许可）情况</p>
              <div>
                <van-field readonly clickable name="picker" :value="formTKCG.APPLYTYPE | inUseName(ENUM.JFLXARR)" label="建房类型" />
                <van-popup v-model="ENUM.JFLX" position="bottom" get-container="#popup">
                  <van-picker show-toolbar :columns="ENUM.JFLXARR" value-key="DICNAME" @cancel="ENUM.JFLX = false" />
                </van-popup>
                <van-field readonly clickable name="picker" :value="formTKCG.YDLX | inUseName(ENUM.YDLXARR)" label="地类" />
                <van-popup v-model="ENUM.YDLX" position="bottom" get-container="#popup">
                  <van-picker show-toolbar :columns="ENUM.YDLXARR" value-key="DICNAME" @cancel="ENUM.YDLX = false" />
                </van-popup>
                <div class="inputWrap" v-if="formTKCG.YDLX == 17">
                  <van-field readonly clickable name="picker" :value="formTKCG.DL_NYD | inUseName(ENUM.NYDARR)" label="农用地" />
                </div>
                <div class="inputWrap" v-if="formTKCG.DL_NYD == 106">
                  <van-field readonly v-model="formTKCG.YDLX_NYD_QT" label="其他" />
                </div>
                <van-field readonly v-model="formTKCG.HOMESTEADAREA" label="宅基地面积(m²)" />

                <van-field readonly v-model="formTKCG.HOUSEFLOORAREA" label="占地面积(m²)" />

                <van-field readonly v-model="formTKCG.BUILDAREA" label="建筑面积(m²)" />

                <van-field readonly v-model="formTKCG.BUILDHEIGHT" label="檐口高度(m)" />

                <van-field
                  readonly
                  :value="
                    formTKCG.BUILDSTOREY == '552'
                      ? '一'
                      : formTKCG.BUILDSTOREY == '553'
                      ? '二'
                      : formTKCG.BUILDSTOREY == '554'
                      ? '三'
                      : formTKCG.BUILDSTOREY == '555'
                      ? '四'
                      : formTKCG.BUILDSTOREY == '556'
                      ? '五'
                      : formTKCG.BUILDSTOREY == '557'
                      ? '六'
                      : formTKCG.BUILDSTOREY == '558'
                      ? '七'
                      : formTKCG.BUILDSTOREY == '559'
                      ? '八'
                      : formTKCG.BUILDSTOREY == '560'
                      ? '九'
                      : '十'
                  "
                  label="建筑层数(层)" />

                <van-field readonly :value="formTKCG.WSCLFS | inUseName(ENUM.WSCLFSARR)" label="污水处理方式" />
                <van-popup v-model="ENUM.WSCLFS" position="bottom" get-container="#popup">
                  <van-picker show-toolbar :columns="ENUM.WSCLFSARR" value-key="DICNAME" @cancel="ENUM.WSCLFS = false" />
                </van-popup>

                <van-field readonly :value="formTKCG.STRUCTURETYPE | inUseName(ENUM.JGLXARR)" label="结构类型" />
                <van-popup v-model="ENUM.JGLX" position="bottom" get-container="#popup">
                  <van-picker show-toolbar :columns="ENUM.JGLXARR" value-key="DICNAME" @cancel="ENUM.JGLX = false" />
                </van-popup>

                <van-field readonly v-model="formTKCG.SPACING" label="日照间距" />

                <van-field readonly v-model="formTKCG.EXTERIORCOLOR" label="外墙色彩" />

                <van-field readonly v-model="formTKCG.EAST" label="东至" />

                <van-field readonly v-model="formTKCG.SOUTH" label="南至" />

                <van-field readonly v-model="formTKCG.WEST" label="西至" />

                <van-field readonly v-model="formTKCG.NORTH" label="北至" />

                <van-field v-if="showZDZLQL == '是'" readonly :value="formTKCG.XLQLR | inUseName(ENUM.SFARR)" label="是否征得相邻权利人同意" />
                <van-popup v-model="ENUM.SF" position="bottom" get-container="#popup">
                  <van-picker show-toolbar :columns="ENUM.SFARR" value-key="DICNAME" @cancel="ENUM.SF = false" />
                </van-popup>

                <van-field readonly autosize type="textarea" v-model="formTKCG.CONSTRUCITONADDRESS" label="地址" />
              </div>
              <p class="subTitle"><span class="line"></span>资格审核结论</p>
              <div>
                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.YJ" label="资格审核结论（经办人）" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.ZJZGSHR" label="审核人" />

                <van-field readonly autosize type="textarea" clickable name="picker" :value="formData.ZJZGSHSJ | inTime" label="审核时间" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.ZJZGSHYJFZR" label="资格审核结论（负责人）" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.ZJZGSHR2" label="审核人" />

                <van-field readonly autosize type="textarea" clickable name="picker" :value="formData.ZJZGSHSJ2 | inTime" label="审核时间" />
              </div>
              <p class="subTitle"><span class="line"></span>规划审核结论</p>
              <div>
                <van-field clickable readonly :value="formData.GHFWLX | inUseName(ENUM.GHFWLXARR)" label="规划范围类型*" placeholder="请输入规划范围类型" @click="ENUM.GHFWLX = true" />
                <van-popup v-model="ENUM.GHFWLX" position="bottom" get-container="#popup">
                  <van-picker show-toolbar :columns="ENUM.GHFWLXARR" value-key="DICNAME" @confirm="onConfirm7" @cancel="ENUM.GHFWLX = false" />
                </van-popup>

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.GHYJJBR" label="规划审核结论（经办人）" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.ZJGHSHR" label="审核人" />

                <van-field readonly autosize type="textarea" clickable name="picker" :value="formData.ZJGHSHSJ | inTime" label="审核时间" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.GHFZR" label="规划审核结论（负责人）" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.ZJGHSHR2" label="审核人" />

                <van-field readonly autosize type="textarea" clickable name="picker" :value="formData.ZJZGSHSJ2 | inTime" label="审核时间" />
              </div>
              <p class="subTitle"><span class="line"></span>农房审核结论</p>
              <div>
                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.NFJBR" label="农房审核结论（经办人）" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.ZJNFSHR" label="审核人" />

                <van-field readonly autosize type="textarea" clickable name="picker" :value="formData.ZJNFSHSJ | inTime" label="审核时间" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.NFFZR" label="农房审核结论（负责人）" />

                <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.ZJNFSHR2" label="审核人" />

                <van-field readonly autosize type="textarea" clickable name="picker" :value="formData.ZJNFSHSJ2 | inTime" label="审核时间" />
              </div>
              <p class="subTitle"><span class="line"></span>乡（镇）政府审核结论</p>
              <div>
                <div class="inputWrap">
                  <span style="color: red">*</span>
                  <van-field autosize type="textarea" clickable name="picker" v-model="formData.ZFSH" label="乡（镇）人民政府审核意见" placeholder="请输入审核意见" />
                  <van-popup v-model="ENUM.SHYJ" position="bottom" get-container="#popup">
                    <van-picker show-toolbar :columns="ENUM.SHYJARR" value-key="DICNAME" @cancel="ENUM.SF = false" @confirm="onConfirm" />
                  </van-popup>
                </div>
                <div class="inputWrap">
                  <span style="color: red">*</span>
                  <van-field readonly autosize type="textarea" clickable name="picker" v-model="formData.ZJZFSHR" label="审核人" placeholder="请输入审核人" />
                </div>
                <div class="inputWrap">
                  <span style="color: red">*</span>
                  <van-field readonly autosize type="textarea" clickable name="picker" :value="formData.ZJZFSHSJ | inTime" label="审核时间" placeholder="请输入审核时间" />
                </div>
              </div>
            </van-form>
          </div>
        </div>
        <div class="footer">
          <van-button style="margin-right: 10px" size="small" type="info" @click="getinsertDataView">提交</van-button>
          <van-button style="margin-right: 10px" size="small" type="info" @click="save()">保存</van-button>
          <van-button size="small" type="info" @click="openMap()">地图</van-button>
        </div>
      </van-tab>
      <van-tab title="过程信息">
        <FileData :ROW_GUID="formData.ROW_GUID" :rowData="formData"></FileData>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import { LoadGridData, updateDataView, dataServerOpenDataView, FileServerProxy } from '../../../utils/api'
import FileData from '@/components/activity/FileData'
export default {
  data() {
    return {
      showZDZLQL: '',
      NYD: '',
      DL: '',
      JFLX: '',
      columns1: ['建设用地', '未利用地', '农用地'],
      showPicker1: false,
      showPicker2: false,
      showPicker3: false,
      formData: {
        DZ: ''
      },
      formTKCG: {},
      showPickerq: false,
      minDate: new Date(2020, 0, 1),
      maxDate: new Date(2025, 10, 1),
      currentDate: new Date(2021, 0, 17),
      fileList: [],
      ENUM: {
        XB: false,
        XBARR: [],
        SF: false,
        SFARR: [],
        JFLX: false,
        JFLXARR: [],
        YDLX: false,
        YDLXARR: [],
        JGLX: false,
        JGLXARR: [],
        SHYJ: false,
        SHYJARR: [
          {
            DICID: 9,
            DICNAME: '拟通过'
          },
          {
            DICID: 10,
            DICNAME: '不通过'
          }
        ],
        NYD: false,
        NYDARR: [],
        JFLYARR: [],
        WSCLFS: false,
        WSCLFSARR: [],
        GHFWLX: false,
        GHFWLXARR: []
      },
      fileData: [
        {
          name: '宅基地坐落平面位置图',
          groupGuid: 'be6c2622-e00f-49ca-b59d-2550fa62fef6',
          fileList: []
        },
        {
          name: '红线图',
          groupGuid: 'c34eb13b-b0e0-4c40-9be8-d69d39360d73',
          fileList: []
        },
        {
          name: '踏勘照片1',
          groupGuid: '39150119-0da6-494a-b1e9-4bed532fecfd',
          fileList: []
        },
        {
          name: '踏勘照片2',
          groupGuid: 'fb00616c-0c03-41dc-b00b-84d3efe3af87',
          fileList: []
        },
        {
          name: '踏勘照片3',
          groupGuid: '7cb50c01-d2e1-4119-a0b6-b0443daca71e',
          fileList: []
        },
        {
          name: '其他材料',
          groupGuid: '7eb18ff0-5fe4-47ea-a805-68d7731e2609',
          fileList: []
        }
      ],
      columns2: ['耕地', '林地', '草地', '其他'],
      columns3: ['原址翻建', '改扩建', '异址新建'],
      sexName: ''
    }
  },
  components: {
    FileData
  },
  mounted() {
    this.formData = JSON.parse(this.$route.query.data)
    this.rowGuid = this.newGuid()
    this.getIFSILINGYIJIAN()
    this.formData.ZJZFSHR
      ? (this.formData.ZJZFSHR = JSON.parse(window.localStorage.getItem('userName')).userName)
      : (this.formData.ZJZFSHR = JSON.parse(window.localStorage.getItem('userName')).userName)
    this.formData.ZJZFSHSJ ? '' : (this.formData.ZJZFSHSJ = this.getNowTime())
    // if (this.formData.ZFSH == "49") {
    //   this.formData.ZFSH = "不通过1"
    // } else if (this.formData.ZFSH == "48") {
    //   this.formData.ZFSH = "拟通过"
    // }
    this.getEnum('86d6eb80-8bcb-49f6-b5c3-462ac1ae585d')
    this.getEnum('9ab630ca-7b63-4aa2-afa6-c0effb5626f2')
    this.getEnum('52215e71-341a-452b-8823-a8d4aae058ab')
    this.getEnum('a8e5782d-9a59-48e4-b35b-654b9bb667ca')
    this.getEnum('db35edee-88e0-4fae-b14a-868ed4beb1d9')
    this.getEnum('d2ec96d4-b5bc-404a-a9f1-34db915c694b')
    this.getEnum('b65d1943-66f4-49b1-b759-cd9f079dc0d3')
    this.getEnum('979dbb7c-d1f6-4074-a177-9ce25b0ad99e')
    this.getEnum('f7f359ad-369c-4bf4-892c-294dceb5edef')
    this.getTKCG()
    // this.getXianOpenDataView()
    // this.formData.STRUCTURETYPE
    if (ZWJSBridge) {
      ZWJSBridge.setTitle({
        title: '现场踏勘'
      })
        .then((res) => {})
        .catch((err) => {})
    }
  },
  filters: {
    inUseName: function (msg, data) {
      let name = ''
      if (data) {
        data.forEach((item) => {
          if (item.DICID == msg) {
            name = item.DICNAME
          }
        })
      }
      return name
    },
    inTime: function (msg, data) {
      return msg ? msg.split(' ')[0] : ''
    }
  },
  methods: {
    getIFSILINGYIJIAN: async function () {
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: '313d5ddd-2c1b-4f55-82e1-84d5effd9c47',
          searchObject: JSON.stringify([{ field: 'to_row_guid', value: this.formData.ROW_GUID, operator: '=' }])
          //token: window.localStorage.getItem('token')
        }
      }
      const res = await FileServerProxy(params)
      let data = JSON.parse(res.data.data).Data
      this.showZDZLQL = data[0].F_IFSILINGYIJIAN_DICNAME
    },
    openMap() {
      this.$router.push({
        path: '/mapContainer',
        query: {
          data: JSON.stringify(this.$route.query.data)
        }
      })
    },
    getNowTime: function () {
      let dateTime
      let yy = new Date().getFullYear()
      let mm = new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1
      let dd = new Date().getDate() < 10 ? '0' + new Date().getDate() : new Date().getDate()
      let hh = new Date().getHours()
      let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
      let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
      //   dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss
      dateTime = yy + '-' + mm + '-' + dd
      return dateTime
    },
    //获取界面所需字典值
    getEnum: async function (viewID) {
      let _this = this
      // 86d6eb80-8bcb-49f6-b5c3-462ac1ae585d	是否
      // a8e5782d-9a59-48e4-b35b-654b9bb667ca	性别
      // db35edee-88e0-4fae-b14a-868ed4beb1d9   建房类型
      // d2ec96d4-b5bc-404a-a9f1-34db915c694b	用地类型
      // b65d1943-66f4-49b1-b759-cd9f079dc0d3	结构类型
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: viewID,
          searchObject: JSON.stringify([])
        }
      }
      const res = await FileServerProxy(params)
      switch (viewID) {
        case '86d6eb80-8bcb-49f6-b5c3-462ac1ae585d':
          this.ENUM.SFARR = JSON.parse(res.data.data).Data
          break
        case 'db35edee-88e0-4fae-b14a-868ed4beb1d9':
          this.ENUM.JFLXARR = JSON.parse(res.data.data).Data
          break
        case 'a8e5782d-9a59-48e4-b35b-654b9bb667ca':
          this.ENUM.XBARR = JSON.parse(res.data.data).Data
          this.ENUM.XBARR.forEach((element) => {
            if (element.DICID == _this.formData.SEX) {
              _this.sexName = element.DICNAME
            }
          })
          break
        case '52215e71-341a-452b-8823-a8d4aae058ab':
          this.ENUM.NYDARR = JSON.parse(res.data.data).Data
          break
        case '9ab630ca-7b63-4aa2-afa6-c0effb5626f2':
          this.ENUM.GHFWLXARR = JSON.parse(res.data.data).Data
          break
        case 'd2ec96d4-b5bc-404a-a9f1-34db915c694b':
          this.ENUM.YDLXARR = JSON.parse(res.data.data).Data
          break
        case 'b65d1943-66f4-49b1-b759-cd9f079dc0d3':
          this.ENUM.JGLXARR = JSON.parse(res.data.data).Data
          break
        case '979dbb7c-d1f6-4074-a177-9ce25b0ad99e':
          this.ENUM.JFLYARR = JSON.parse(res.data.data).Data
          break
        case 'f7f359ad-369c-4bf4-892c-294dceb5edef':
          this.ENUM.WSCLFSARR = JSON.parse(res.data.data).Data
          break
        default:
          break
      }
    },
    //获取踏勘成果 审核情况
    getTKCG: async function () {
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: 'a0e224e8-36be-4591-b770-30cabda3514a',
          searchObject: JSON.stringify([
            {
              field: 'to_row_guid',
              value: this.formData.ROW_GUID,
              operator: '='
            }
          ])
        }
      }
      const res = await FileServerProxy(params)
      if (JSON.parse(res.data.data).Data.length > 0) {
        this.formTKCG = JSON.parse(res.data.data).Data[0]
      } else {
        this.formTKCG = {
          APPLYTYPE: this.formData.BUILDTYPE,
          YDLX: this.formData.LANDTYPE,
          DL_NYD: this.formData.YDLX_NYD,
          YDLX_NYD_QT: this.formData.YDLX_NYD_QT,
          HOMESTEADAREA: this.formData.HOMESTEADAREA,
          HOUSEFLOORAREA: this.formData.BUILDAREA,
          BUILDAREA: this.formData.HOUSEFLOORAREA,
          BUILDHEIGHT: this.formData.BUILDHEIGHT,
          BUILDSTOREY: this.formData.BUILDSTOREY,
          WSCLFS: this.formData.SEWAGEDISPOSAL,
          STRUCTURETYPE: this.formData.STRUCTURETYPE,
          SPACING: this.formData.SUNSHINEDIST,
          EXTERIORCOLOR: this.formData.WALLCOLOR,
          EAST: this.formData.DZ,
          SOUTH: this.formData.NZ,
          WEST: this.formData.XZ,
          NORTH: this.formData.BZ,
          XLQLR: this.formData.ADJACENTOPINION,
          CONSTRUCITONADDRESS: this.formData.CONSTRUCITONADDRESS,
          TKRY: '',
          RECONTIME: '',
          ZTR: '',
          TKJG: '',
          TKYJ: '',
          SHR: '',
          SHSJ: ''
        }
      }
      //   this.formTKCG.SHR ? "" : this.formTKCG.SHR = JSON.parse(window.localStorage.getItem("userName")).loginName
      //   this.formTKCG.SHSJ ? "" : this.formTKCG.SHSJ = this.getNowTime()
      //   this.formTKCG.RECONTIME ? this.formTKCG.RECONTIME = this.formTKCG.RECONTIME.split(" ")[0] : ""
      //   this.formTKCG.WSCLFS = this.formData.SEWAGEDISPOSAL;
    },
    // 提交
    getinsertDataView: async function () {
      this.save('Submit')
    },
    onConfirm(value) {
      this.formData.ZFSH = value.DICNAME
      this.ZGSHYJID = value.DICID
      this.ENUM.SHYJ = false
    },
    onConfirm7(value) {
      this.formData.GHFWLX = value.DICID
      this.ENUM.GHFWLX = false
    },
    //地图
    getDituUrl() {
      this.$router.push({
        path: '/mapContainer',
        query: {
          data: JSON.stringify(this.formData)
        }
      })
    },
    // 保存
    save: async function (type) {
      if (this.formData.ZFSH && this.formData.ZJZFSHR && this.formData.ZJZFSHSJ && this.formData.GHFWLX) {
        let params = {
          accessCode: '77ad6c1591e54d4fbc45ecc90374a2a2',
          cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
          params: {
            dataGuid: '1011b0e4-f9e4-4cad-977b-96be16f90ac3',
            strParams: JSON.stringify([
              {
                GHFWLX: this.formData.GHFWLX,
                ZFSH: this.formData.ZFSH,
                ZJZFSHR: this.formData.ZJZFSHR,
                ZJZFSHSJ: this.formData.ZJZFSHSJ,
                PKID: this.formData.PKID,
                ROW_GUID: this.formData.ROW_GUID
              }
            ])
            //token: window.localStorage.getItem("token"),
          }
        }
        const res = await FileServerProxy(params)
        if (JSON.parse(res.data.data).Success) {
          if (type) {
            this.$router.push({
              path: '/TreeSelect1',
              query: { data: this.formData, isrmzfzs: 1, iszjsh: 1 }
            })
          } else {
            this.$toast.success('保存成功!')
          }
          // this.$notify({ type: 'success', message: '保存成功!' });
        }
      } else {
        this.$toast.fail('请输入必填项!')
      }
    }
  }
}
</script>
<style lang="scss">
#ZFSHXXB {
  height: 100vh;
  overflow: auto;
  background: #ffffff;
  font-size: 14px;
  .van-field__label {
    font-weight: bold;
  }
  .title {
    width: 100%;
    height: 50px;
    background: #007aff;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    position: relative;
  }
  .top {
    height: 90px;
    background: #ffffff;
    margin-bottom: 20px;
    padding-top: 25px;
    text-align: center;
    font-size: 14px;
  }
  .content {
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto;
    padding: 10px;
    .subTitle {
      width: 100%;
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      position: relative;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #9b9b9b;
      padding-left: 10px;
      .line {
        width: 6px;
        height: 26px;
        background: #3f8ffc;
        display: inline-block;
        margin-right: 10px;
      }
    }
    .list ul li {
      min-height: 50px;
      line-height: 50px;
    }
    .tab {
      height: 40px;
      border-bottom: 1px solid #9b9b9b;
      ul li {
        width: 50%;
        height: 40px;
        line-height: 35px;
        float: left;
        text-align: center;
      }
      .select {
        color: #3f8ffc;
        border-bottom: 5px solid #3f8ffc;
      }
    }
  }
  .file-list ul li {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    padding: 10px 0;
  }
  .inputWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #ebedf0;
    padding: 0 16px;
    span {
      margin-right: 5px;
      margin-top: 15px;
    }
    .van-cell {
      padding: 10px 0 !important;
    }
  }
  .footer {
    text-align: center;
    padding: 10px 0;
  }
}
</style>
<style lang="scss">
#ZFSHXXB {
  .van-field__control {
    text-align: right !important;
  }
  .van-field__label {
    font-weight: bold;
    // width: 10.2em !important;
    width: auto !important;
  }
  .inputWrap {
    .van-cell {
      padding: 10px 0 !important;
    }
  }
}
</style>
